<!--navbar-->
<div class="navbar">
    <div class="navbar-inner">
<!--         <div class="left">
            <a href="#" class="link back">
                <i class="icon icon-return"></i>
            </a>
        </div> -->
        <div class="center">云果</div>
        <div class="right">
            <a href="mine/setting.html" class="link"><i class="icon icon-setting"></i></a>
        </div>
    </div>
</div>
<div class="pages navbar-through">
    <div class="page" data-page="mineIndex">
        <div class="page-content">
            <div class="head" style="background-image:url(tmp/avatar.jpg)">
<!--                 <div class="row">
                    <a href="mine/setting.html" class="link"><i class="icon icon-setting"></i></a>
                    <a href="mine/message.html" class="link right new"><i class="icon icon-message"></i></a>    
                </div> -->
                <div class="user">
                    <div class="avatar">
                        <img src="tmp/avatar.jpg" alt="">
                    </div>
                    <div class="name">
                        昵称昵称昵称<a href="mine/account.html" class="edit"><i class="icon-edit"></i></a>
                    </div>
                </div>
            </div>
            <div class="row mine-a-block no-gutter">
                <div class="col-auto">
                    <a href="mine/orders.html?type=pay"><i class="icon icon-pay"></i>待付款</a>
                </div>
                <div class="col-auto">
                    <a href="mine/orders.html?type=delivery"><i class="icon icon-delivery"></i>待发货</a>
                </div>
                <div class="col-auto">
                    <a href="mine/orders.html?type=receipt"><i class="icon icon-receipt"></i>待收货</a>
                </div>
                 <div class="col-auto">
                    <a href="mine/cancelService.html"><i class="icon icon-service"></i>售后</a>
                </div>
            </div>
            <div class="list-block mine-b-block">
                <ul>
                    <li class="item-content item-link">
                        <a href="mine/coupon.html" class="item-inner">
                            <div class="item-media">
                                <i class="icon icon-coupon"></i>
                            </div>
                            <div class="item-title">
                                代金券
                            </div>
                        </a>
                    </li>
                    <li class="item-content item-link">
                        <a href="mine/tenants.html" class="item-inner">
                            <div class="item-media">
                                <i class="icon icon-vendor"></i>
                            </div>
                            <div class="item-title">
                                商家入驻
                            </div>
                        </a>
                    </li>
                    <li class="item-content item-link">
                        <a href="mine/customization.html" class="item-inner">
                            <div class="item-media">
                                <i class="icon icon-customization"></i>
                            </div>
                            <div class="item-title">
                                私人定制
                            </div>
                        </a>
                    </li>
                    <li class="item-content item-link">
                        <a href="#" class="item-inner">
                            <div class="item-media">
                                <i class="icon icon-service"></i>
                            </div>
                            <div class="item-title">
                                联系客服
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>